<template>
  <el-container>
    <el-header style="height:40px">
      <el-row>
        <el-col :xs="1" :sm="1" :md="1" :lg="1" :xl="1"
          ><i class="el-icon-d-arrow-left" @click="goback"></i
        ></el-col>
        <el-col :xs="20" :sm="20" :md="20" :lg="20" :xl="21"
          ><div class="div2" @click="home">首页</div></el-col
        >
        <el-col :xs="4" :sm="4" :md="4" :lg="4" :xl="1"
          ><i class="el-icon-refresh" @click="refresh">刷新</i></el-col
        >
        <el-col :xs="2" :sm="1" :md="1" :lg="1" :xl="1"
          ><i class="el-icon-d-arrow-right" @click="goahead"></i
        ></el-col>
      </el-row>
    </el-header>
    <el-main style="padding:0px;">
      <router-view></router-view>
      <img src="../assets/welcome.jpg" alt="" />
    </el-main>
    <el-footer><p>© 2019 uri-Plus Copyright</p></el-footer>
  </el-container>
</template>

<script>
export default {
  methods: {
    goback() {
      this.$router.go(-1)
    },
    goahead() {
      // this.$router.go(1)
      this.$router.go(1)
    },
    refresh() {
      this.$router.go(0)
    },
    home() {
      this.$router.push({ path: '/Welcome1' })
    }
  }
}
</script>

<style lang="less" scoped>
.el-header {
  line-height: 40px;
  padding: 0;
}
.el-row {
  line-height: 40px;
  cursor: pointer;
}
.el-col {
  text-align: center;
}
.img {
  height: 100%;
}
.el-footer {
  height: 40px;
  line-height: 40px;
  position: relative;
  p {
    position: absolute;
    right: 50px;
  }
}
</style>
